@import "common";
.headerDirective{
    .top{
        background-color: #EBF2FA;
        .container{
            height: 26px;
            ul{
                li{
                    width: 58px;
                    height: 26px;
                    padding: 7px 0;
                    a{
                        display: block;
                        width: 60px;
                        height: 12px;
                        line-height: 12px;
                        font-size: 12px;
                        color: #333;
                        padding: 0 5px;
                        
                    } 
                }
                li:nth-child(1),li:nth-child(2){
                a{
                        border-left: 1px solid #333;
                }  
                }
            }
        }
    }
    .header{
        
        .container{
            height: 141px;
            background: url('../images/headerbg.jpg') center center no-repeat;
        }
    }
    .menu{   
        .container{
            height: 65px;
            background-color: #fff;
            &>ul{
                background-color: #2869BB;
                li{
                    height: 35px;
                    padding:  5px 0;
                    position:relative;
                   
                    a{
                        display: block;
                        width: 97px;
                        height: 25px;
                        line-height: 25px;
                        text-align: center;
                    }
                    &>a{
                        color: #fff;
                        font-size: 14px;
                        border-right: 1px solid #8EB0DD;
                    }
                    &>a:hover{
                        background-color: #FAC331;
                    }
                    div{
                        position:absolute;
                        top:33px;
                       a{
                        //   width:80px;
                           line-height:35px;
                       }
                    }
                }
                li:nth-child(3){
                    div{
                        width:200px;
                        left:-48px;
                    }
                }
                li:nth-child(4){
                    div{
                        width:400px;
                        left:-48px;
                    }
                }
                li:nth-child(5){
                    div{
                        width:400px;
                        left:-97px;
                    }
                }
                li:nth-child(6){
                    div{
                        width:400px;
                        left:-48px;
                    }
                }
                li:nth-child(7){
                    div{
                        width:400px;
                        left:-48px;
                    }
                }
            }
           
        }
    }
}
.footerDirective{
    width:@width;
    margin:0 auto;
    border-top:2px solid @mainColor;
    p{
        text-align: center;
        margin-top: 10px;
        &>a{
            color: #0000EE;
            display: inline-block;
            margin-right: 10px;
        }
    }
}
.leftNavDirective{
    background:@mainColor;
    width:200px;
    // height:500px;
    position:absolute;
    top:0px;
    left:0px;
    margin:0 6px;
    color:#fff;
    padding:0  4px 50px 4px;
    // a{
    //     color:#fff;
    // }
    .title{
        width:100%;
        height:32px;
        line-height:32px;
        background:url("/public/images/left_03.jpg");
        padding-left:53px;
        font-weight:bold;
        font-size:14px;
    }
    .menu{
        margin-bottom:5px;
        li{
            a{
                display:block;
                width:100%;
                height:31px;
                line-height:31px;
                background:url("/public/images/left_08.jpg") no-repeat;
                padding-left:50px;
                &:hover{
                    background:url("/public/images/left_06.jpg") no-repeat;
                }
            }
        }
    }
    &>a{
        display:block;
        margin-bottom:5px;
    }
}
.breadcrumbDirective{
    height:30px;
    line-height:30px;
    background:#EEF9FF;
    border-top:2px solid @mainColor;
    margin-bottom:5px;
    padding:0 20px;
    h4{
        position:relative;
        top:4px;
    }
}
.newListDirective{
    line-height:30px;
    height:30px;
    border-bottom:1px dashed #ccc;
    .title{
        width:600px;
        a{
            i{
                display:inline-block;
                width:9px;
                height:10px;
                background:url("/public/images/li.gif");
                margin-right:4px;
                
            }
        }
    }
    &:hover{
        background:#F4F4F4;
    }
}